body{
	background-color: #F5F5F5;
}
.main-box{
	width: 960px;
	margin: 70px auto 10px;
}

/* nav */
.nav {
    background-color: #fff;
    color: #333;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px;
}
.nav .nav-des {
    padding-right: 20px;
    width: 485px;
    cursor: pointer;
}
.nav .nav-des img {
    width: 106px;
    height: 79.5px;
    float: left;
    border-top: 
}
.nav-des-text {
    padding-left: 15px;
    min-width: 110px;
}
.nav-des-text h2 {
    width: 360px;
    font-weight: bold;
    font-size: 16px;
    padding: 17px 0 0;
    margin-bottom: 8px;
    max-width: 413px;
    overflow: hidden;
    height: 24px;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-right {
    padding-top: 13px;
}
.nav-right .line-right {
    border-right: 1px solid #d5d5d5;
}
.nav-right-blast {
    width: 100px;
    text-align: center;
}
.nav-right-blast p {
    font-size: 28px;
    font-weight: bold;
    color: #666;
}
.nav-right-blast p > span{
	font-size:12px;
	color:#999;
}
.rank {
    margin: 10px 0 8px;
}
.star-ranking {
    margin-top: 1px;
    background-image:url("");
}
.star-ranking,.star-score {
    display: inline-block;
    width: 72px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    background-repeat: repeat-x;
}
.star-score{
	background-image: url("");
}
.score-num {
    color: #707070;
    margin-left: 5px;
}

.nav-right-blast span,#review-text {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.nav-right .line-left {
    border-left: 1px solid #d5d5d5;
}

.nav-right-collect .not-collect {
    background: url(../img/unlike.png) no-repeat;
}
.nav-right-collect .collect{
    background: url(../img/like.png) no-repeat;
}

.nav-right-collect .collect,.nav-right-collect .not-collect {
    width: 26px;
    height: 24px;
    background-size: 100%;
 	margin: 11px 35px;
    cursor: pointer;
}

/* rest-info-down-wrap */
.rest-info-down-wrap {
	z-index: 10;
	background-color: white;
	width:430px;
	height: 140px;
	position: absolute;
    top: 174px;
    padding-top: 30px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
    display: none;
    margin-bottom: 30px;
    color: #666;
    box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
}
.rest-info-down-wrap .sale-time {
    margin-left: 20px;
    font-size: 0;
}
.rest-info-down-wrap .poi-detail-left {
    display: inline-block;
    width: 22%;
    font-size: 12px;
}
.rest-info-down-wrap svg {
    display: inline-block;
    width: 13px;
    height: 13px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: middle;
    margin-right: 15px;
}
.rest-info-down-wrap .poi-detail-right {
    display: inline-block;
    width: 78%;
    font-size: 12px;
    vertical-align: top;
    line-height: 15px;
}
.rest-info-down-wrap .info-detail {
    width: 70%;
    overflow: hidden;
    font-weight: normal;
}
.rest-info-thirdpart {
    margin-left: 20px;
    margin-top: 15px;
    font-size: 0;
}
.telephone {
    margin-top: 15px;
    margin-left: 20px;
    font-size: 0;
}

/* cate-nav */
.food-list{
	margin-top: 10px;
	width: 69%;
	float: left;
	border-top: 2px solid #ecbf24;
}
.cate-tab-area {
    background-color: #ffffff;
}
.tab-link {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    height: 49px;
    line-height: 49px;
}
.tab-link-inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 40px;
}
.tab-link .tab-item {
    margin-right: 50px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    display: block;
    float: left;
    background-color: #FFFFFF;
}
.tab-link .active{
    color: #1e89e0;
    background-color: #fff;
    border-bottom: 3px solid #1e89e0;
    height: 47px;
}
.ori-foodtype-nav {
    padding: 25px 20px 12px;
}
.ori-foodtype-nav ul li {
	text-align: center;
    float: left;
    width: 80px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    margin-bottom: 12px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
}
.ori-foodtype-nav .active .type,.ori-foodtype-nav .type:hover{
    color: #1e89e0;
}

/* fond-nav */
.food-nav .category {
    margin-top: 14px;
    background: #fff;
}
.food-nav .title {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    height: 35px;
    font-size: 16px;
    padding-left: 19px;
    padding-top: 15px;
    background-color: #fff;
}
.foods{
	border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}
.pic-food {
    float: left;
    width: 219px;
    height: 251px;
    border-right: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    overflow: hidden;
}
.pic-food:hover{
	background-color: rgb(250,250,250);
}
.pic-food .avatar {
    position: relative;
    height: 127px;
    width: 170px;
    margin: 20px auto 0;
}
.pic-food .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.scroll-loading {
    background-image: url('../img/food.png');
    background-position: center;
    background-repeat: no-repeat;
}
.pic-food .np {
	width: 170px;
    margin: 12px auto 0;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.pic-food .np .name {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pic-food .labels {
	width: 170px;
    margin: 8px auto 0;
}
.add-cart{
	background: url('../img/cart.png');
	background-size: 100%;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 5px;
}

.pic-food .price .only {
    font-size: 14px;
    color: #ff5a5a;
    font-weight: bold;
}
.pic-food-col2 {
    border-right: none;
    padding-right: 1px;
}

/* cart */
.cart{
	margin-top: 10px;
	float: right;
	width: 288px;
	max-height: 450px;
	background-color: white;
	box-shadow: 2px 2px 1px #e6e6e6;
}
.cart-fixed{
	position: fixed;
    top: 52px;
}
.cart-header h5 {
    border-top: 2px solid #ecbf24;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 12px;
    color: #dca274;
}
.cart section {
    border: 1px solid #d1d1d1;
    border-top: none;
    padding-bottom: 15px;
}
.trash-can-icon {
	cursor: pointer;
    width: 30px;
    height: 30px;
    background: url('../img/trash.png');
    background-size: 100%;
    margin: 5px;
}
.cart-thead {
    background: #f0f0f0;
    color: #666;
    font-size: 12px;
    height: 21px;
    padding-top: 9px;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
}
.goods-name {
    width: 81px;
    float: left;
    margin-right: 4px;
}
.goods-count {
    width: 54px;
    text-align: center;
    float: left;
}
.goods-price {
    width: 54px;
    text-align: center;
    float: left;
}
.goods-subtotal {
    width: 56px;
    text-align: right;
    float: right;
}
.cart-item-empty {
    height: 60px;
    font-size: .75em;
    line-height: 60px;
    color: #666666;
    text-align: center;
}
.checkout,.total,.cart-thead{
    padding-right: 5px;
    padding-left: 5px;
}
.checkout .btn {
    width: 100%;
    background-color: #CBCBCB;
    color: white;
    text-align: center;
    font-size: .9375em;
    padding: 14px 0;
    font-weight: bold;
    cursor: pointer;
}
.available-btn{
	width: 100%;
    color: white;
    text-align: center;
    font-size: .9375em;
    padding: 14px 0;
    font-weight: bold;
    cursor: pointer;
    background-color: #1e89e0;
}
.total {
    height: 46px;
    line-height: 46px;
    color: #222222;
    font-size: .875em;
}
#cart-item-list {
    max-height: 270px;
    overflow: auto;
}

/* cart-item */
.cart-item{
    border-bottom: 1px dotted #d3d3d3;
    padding: 7px 5px;
    line-height: 22px;
    color: #222;
    font-size: .75em;
}
.goods-nums {
    min-width: 18px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #d9d9d9;
    color: #232323;
    border-radius: 2px;
    padding: 0 2px;
    cursor: default;
}
.sub-icon,.add-icon{
	font-size: 22px;
	cursor: pointer;
	margin-left: 1px;
	margin-right: 1px;
}


/* comment */
.comments {
    background-color: white;
    padding: 1px;
}
.comments .title {
    margin: 30px 20px 0;
    height: 22px;
    line-height: 22px;
    color: #434343;
}
.comments .filters label {
    margin-right: 12px;
    padding-right: 15px;
    height: 22px;
    cursor: pointer;
    color: #333;
}

/* rank */
.main-box > .rank {
    width: 288px;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 14px;
    margin-top: 10px;
    border-top: 2px solid #ecbf24;
}
.main-box > .rank .title {
    font-size: 16px;
    color: #2a2a2a;
    line-height: 49px;
    height: 49px;
    padding-left: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.main-box > .rank .head {
    margin-top: 20px;
    padding: 0 20px;
}
.main-box > .rank .head strong {
    font-size: 26px;
    font-weight: bold;
    color: #4a4a4a;
    line-height: 35px;
}
.main-box > .rank .detail {
    padding: 5px 20px 20px;
}
.main-box > .rank .field {
    margin-top: 15px;
}
.main-box > .rank .field .bar {
    display: inline-block;
    width: 150px;
    position: relative;
    background-color: #f5f5f5;
    height: 4px;
    margin: 5px 0 0 10px;
}
.main-box > .rank .field .bar i {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 4px;
    background: #ffd161;
    font-style: normal;
}
.main-box > .rank .star-ranking,.main-box > .rank .star-score {
    display: inline-block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    background-repeat: repeat-x;
    background-size: 30px 20px;
    background-image: url('../img/star-yellow.svg');
}
.main-box > .rank .star-ranking {
    margin: 6px 0 0 15px;
    background-image: url('../img/star-gray.svg');
}


/* comment-list */
.comments-list{
    padding: 10px;
}
.comment-item {
    padding: 20px;
    margin-bottom: 9px;
    background-color: #fffefb;
    border: 1px solid #d0e4c2;
    border-radius: 3px;
}
.comment-item img{
    width: 24px;
    height: 24px;
}
.comment-item > .rank{
    margin: 5px 200px 0 0;
}

/* pager */
.pager {
    list-style: none outside none;
    margin: 20px;
    padding: 0;
    text-align: center;
}
.pager li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.pager li span{
    background: #1e89e0;
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 12px;
    text-decoration: none;
    cursor: pointer;
}
.pager li a{
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 12px;
    text-decoration: none;
    color: #999999;
    cursor: pointer;
}
.pager li.pager-current {
    margin-left: 10px;
    padding: 3px 12px;
    background: none;
    color: #333333;
    font-weight: bold;
}


